.layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  background-color: rgb(0,0,0,.4);
}
.forget {
  width: 60%;
  position: fixed;
  left: 20%;
  top:20%;
  z-index: 999;
  padding: 20px;
  border: 1px #000 solid;
  background-color: #fff;
}
.forget .operation-bar {
  width: 100%;
  padding: 20px;
}
.forget .operation-bar span {
  float: right;
  cursor: pointer;
}
.main .login-method {
  padding: 10px 5px;
}
.main .login-method > span {
  padding: 0 10px;
  cursor: pointer;
}
.main .login-method .email-method {
  border-right: 2px #000 solid;
  color: #00a1e6;
}
.item {
  padding: 5px 0;  
}
span.forget-btn {
  padding: 10px;
  cursor: pointer;
  color:#00a1e6;
}
.email-login, .username-login {
  display: none;
  border: 1px #000 solid;
  width: 400px;
  padding: 10px;
}
.active {
  display: block;
}